
html,body{ background: url(images/bg-body.png);}

/*common var*/
.fleft(){float: left;}
.fright(){float: right;}
@lightBlue:#3188fc;
@grey:#666;

/*background images group*/
.bg-container(@x:0,@y:0){ background-image: url(images/bg-container.png);background-repeat: repeat-y;background-position: @x @y;}
.bg-ContactBtns(@x:0,@y:0){background-image: url(images/bg-contactbtn.png);background-repeat: no-repeat;background-position: @x @y;}
.bg-yjFix(@x:0,@y:0){background-image: url(images/bg-yjFix.png);background-repeat: no-repeat;background-position: @x @y;}

.container-left{ padding-left: 5px;width:1010px;margin:0 auto;.bg-container;}
.container-right{.bg-container(right,0);padding-right:5px;}
.container{ background: white;}

/*header*/
#header { height: 78px;
	.logo { width: 85px;height: 53px;overflow: hidden;.fleft;margin:16px 0 0 36px;}
	ul.miniNav { .fright;margin:20px 34px 0 0;
		li{.fleft;padding-left:1.2em;margin-left:12px;
		   &.r1{ background: url(images/miniNav1.png) no-repeat left center;}
		   &.r2{ background: url(images/miniNav2.png) no-repeat left center;}
		   a{ color: #5f5f5f;
			  &:hover{color:#3286ff;}
		   }
		}
	}
}
/*top Menu*/
#topMenu{height:33px;background:url(images/bg-topMenu.png) repeat-x;line-height:33px;
	ul{height:100%;padding:0 28px;
	   li{.fleft;font-family:\5FAE\8F6F\96C5\9ED1;font-size:14px;height:100%;width:132px;text-align:center;border-right:1px dotted white;height:14px;margin-top:10px;position:relative;
			a{color:white;display:block;width:132px;position:absolute;top:-10px;right:0;border-width:0 1px;
			  &.now,&:hover{text-decoration:none;background:#5f5f5f;border:1px solid white;border-width:0 1px;right:-1px;}
			 }
			&.last{border:none;}
	   }
	}
}

#page{padding:260px 0 10px 16px;
	  &.page2{padding:0;}
	.left-main{width:218px;.fleft;
		#leftMenu{width:216px;background:url(images/bg-leftMenu.png) repeat-x #0265a9;border:1px solid #0265a9;padding-top:23px;overflow:hidden;
			h2.title{background:url(images/bg-leftMenu-titleBtm.png) repeat-x left bottom;padding-bottom:16px;margin:0 16px;color:white;font-size:18px;
				span{font-size:14px;}
			}
			ul{
				li{height:33px;line-height:32px;margin-left:24px;padding-left:10px;background:url(images/bg-leftMenu-li.gif) left 14px no-repeat;position:relative;border-bottom:1px solid #2570a1;
					a{display:block;color:white;font-weight:bold;padding:0 29px 0 26px;
					  &:hover{text-decoration:none;background:url(images/bg-leftMenu-li.gif) 25px 14px no-repeat #5f5f5f;position:absolute;left:-25px;top:0;padding-left:61px;padding-right:30px;width:127px;height:34px;}
					  b{.fright;color:#b3bcbf;}
					 }
                    ol{
                        li{background: none;margin: 0;height:28px;line-height:28px;border: none;
                           a{background:url(images/bg-leftMenu-li2.png) 45px 12px no-repeat;
                               &.now,&:hover{background:url(images/bg-leftMenu-li2hover.png) 45px 12px no-repeat;color: black;
                               }
                           }
                        }
                    }
                    &.now{height: auto;
                          a{text-decoration:none;background:url(images/bg-leftMenu-liHover2.gif) 25px 14px no-repeat #5f5f5f;position:absolute;left:-25px;top:0;padding-left:61px;padding-right:30px;width:127px;height:34px;}
                          ol{padding-top:33px;
                             a{background:url(images/bg-leftMenu-li2.png) 45px 12px no-repeat;font-weight:normal;
                                 &.now{background:url(images/bg-leftMenu-li2hover.png) 45px 12px no-repeat;color: black;}
                             }
                          }
                    }
				}
			}
		}
		.tel{padding-top:10px;
			 img{display:block;border:1px solid #e1e1e1;height:147px;overflow:hidden;}
		}
	}
}

/*right Main page*/
.mainContent{width:704px;overflow:hidden;.fleft;padding-left:18px;padding-right:49px;
	.colTitle{background:url(images/bg-colTitle.png) no-repeat;width:672px;height:36px;overflow:hidden;line-height:34px;padding:0 16px;
		span{color:@lightBlue;}
		p.left{.fleft;font-size:16px;font-weight:bold;}
		p.right{.fright;color:#666;}
	}
}

/*About page*/
.banner-about{background: url(images/banner-about.png) no-repeat 0 0;}
.mainContent{
	.about-content{margin-top:20px;
		h1{
            &.txt{text-align: center;font-weight: bold;font-size: 16px;color: @lightBlue;padding-bottom: 10px;}
            &.pic{background:url(images/word1.png) no-repeat 2em 0;text-indent:-9999px;overflow:hidden;padding-bottom:16px;_background-position:19.5em 0;}
		}
		p{text-indent:2em;line-height:28px;color:#666;}
		span.blue{color:@lightBlue;}
        .btnTop{height:55px;
            a{background:url(images/btntop.png) no-repeat;display: block;width: 24px;height: 55px;.fright;position: relative;right: -24px;text-indent: -9999px;overflow: hidden;}
        }
	}
}

/*News page*/
.banner-news{background: url(images/banner-news.png) no-repeat 0 0;}
.page-news{
    ul.arh-list{padding:10px 5px;
        li{color:@grey;height:43px;line-height:43px;border-bottom:1px dashed #e6e6e6;padding:0 10px 0 2em;background:url(images/bg-li2.gif) no-repeat 9px center;
            span.date{.fright;color: @lightBlue;}
            a{color:@grey;}
        }
    }
}
.paging{margin:20px 0;
    p{text-align:center;
        span.blue{color: #094596;}
        a{color:black;}
    }
}

/*Product Page*/
.banner-product{background: url(images/banner-product.png) no-repeat 0 0;padding-top:260px;}
.page-product{
    .searchBox{background: url(images/bg-search.png) no-repeat 18px 0;height: 41px;overflow: hidden;padding-left: 231px;margin-top: 20px;
        input.txt{border: 1px solid #ccc;height:18px;line-height:18px;width:217px;margin-top:10px;}
        input.btn{background: url(images/bg-searchBtn.png) no-repeat;width: 75px;height: 22px;border: none;text-indent: -9999px;overflow: hidden;margin-top:10px;}
    }
    .product-list{margin-top:20px;
        .item{width:320px;*width: 314px;.fleft;margin:10px 15px;
            a.pic{.fleft;
                img{border:1px solid #d7d7d7;width:145px;height:104px;}
            }
            .fn-right{width:158px;
                h2.title{color: @lightBlue; font-weight:bold;
                    a{color: @lightBlue;}
                }
                p.desc{text-indent: 2em;color: #999;margin:6px 0;}
                a.more{color: black;background: url(images/bg-more.gif) no-repeat left 2px;display:block;width:34px;height: 12px;text-indent: -9999px;overflow: hidden;}
            }
        }
    }
}

/*Solution Page*/
.banner-solution{background: url(images/banner-solution.png) no-repeat 0 0;padding-top:253px;}
.page-solution{
    .slnImages{
        .row{width: 681px;height: 249px;overflow: hidden;margin:30px auto;
            .span2{width: 376px;height: 249px;
                p.title{color:white;font-size:12px; font-weight:bold;position:relative;top:-36px;line-height:33px;height:33px;background:#234d6a;padding:0 10px; opacity:0.7;filter: Alpha(opacity=70);-moz-opacity:0.7;
                    span.date{.fright;}
                }
            }
            .span2-2{width: 288px;}
            .span4{height: 141px;}
            .span4-2{height: 103px;}
            .span8{width:155px;height: 103px;}
            .span8-2{width: 128px;height: 103px;}
            .spanMar{margin: 6px 0;}
        }
    }
    .paging{text-align: center;
        a{border:1px solid #dfdfdf;color:#333;padding:6px 10px;
          &.now,&:hover{background: #094f7e;color:white;text-decoration:none;}
          &.omit{border: none;
            &.now,&:hover{background: none;color: #333;}
          }
        }
    }
}

/*Contact Page*/
.banner-contact{background: url(images/banner-contact.png) no-repeat 0 0;padding-top:260px;}
.page-contact{
    .location{margin:10px;
        .map{.fleft;width: 276px;height: 229px;overflow: hidden;}
        .detail{width: 400px;.fright;
            p.title{background: url(images/word-contact.png) no-repeat;height: 26px;text-indent: -999px;}
            ul.info{margin:10px 0;
                li{height: 22px;line-height: 22px;color:#666;
                    span.blue{color: #025a95;font-weight:bold;}
                }
            }
            .online{border-top: 1px solid #f4f4f4;padding-top:10px;}
        }
    }
    .book{
        table{border: solid #2d86b9;border-width:2px 0 1px;width:100%;
            th,td{border-bottom: 1px solid #d5d5d5;height:39px;line-height:39px;}
            th{color:#2d86b9;font-weight:bold;width:72px;text-align:center;vertical-align:top;}
            td{
                .txt{border: 1px solid #e7e7e7;background:white;width:200px;}
                input.txt{height: 18px;line-height: 18px;}
                textarea.txt{width: 578px;height: 194px;margin: 10px 0;}
                input.title{width: 578px;}
            }
            tr.last{
                th,td{border: none;}
            }
        }
        .book-btns{text-align: center;margin: 10px 0;
            input{margin:0 20px;cursor: pointer;width: 67px;height: 23px;overflow:hidden;text-indent: -9999px;*text-indent: 0; border:none;
                &.btnSubmit{.bg-ContactBtns;}
                &.btnReset{.bg-ContactBtns(0,-23px);}
            }
        }
    }
}

/*Show Page*/
.banner-show{background: url(images/banner-show.png) no-repeat 0 0;padding-top:260px;}
.page-show{background: url(images/bg-showBar.png) no-repeat right 40px;
    #gallery{margin-top:136px;margin-left:117px;position:relative; height:540px;
        .ad-image-wrapper{width: 525px;height: 243px;border: 1px solid #aeaeae;overflow:hidden;background:white;}
        .ad-nav-wrapper-yjFix{position:absolute;top:375px;left:-80px;}
        .ad-nav-wrapper{position:relative;padding:10px 20px;border:1px solid #ccc;
            .tl,.rl,.bl,.br{position: absolute;height: 4px;width: 4px;overflow: hidden;}
            .tl{.bg-yjFix();left:-1px;top:-1px;}
            .rl{.bg-yjFix(-4px,0);right:-1px;top:-1px;}
            .bl{.bg-yjFix(0,-4px);left:-1px;bottom:-1px;}
            .br{.bg-yjFix(-4px,-4px);right:-1px;bottom:-1px;}
            .ad-nav{
                .ad-back{background: url(images/bg-btnAdBack.gif) no-repeat right top;height: 74px;}
                .ad-forward{background: url(images/bg-btnAdforward.gif) no-repeat left top;height: 74px;}
                .ad-thumbs{ width:640px;
                    ul.ad-thumb-list{height:106px;overflow:hidden;
                        li{height:84px;padding:0 8px; border-right:1px dotted #afb0a8;
                           &.last{padding-right: 0;border: none;}
                           a{
                               img{border:1px solid #aeaeae;width:110px;height:78px;}
                           }
                           p{text-align:center;color: #6a6a6a;margin-top:9px;}
                        }
                    }
                }
            }
        }
    }
}

/*Index Page*/
.page-index{
    .columns{padding:36px 0 10px 20px;
        h2.title{height:26px;line-height:26px;color:#333;border-bottom:1px solid #ccc;
            span{
                &.zh{border-bottom: 1px solid #3188fc;font-family:\9ED1\4F53;font-size:14px;.fleft;}
                &.blue{color: #3188fc;}
                &.en{font-size: 11px;.fleft;padding-left: 4px;width: 90px;color: #aaa;}
            }
        }
        .col1{width:320px;padding-right:43px;
            h2.title{
                span.paging{.fright;text-align: right;margin:0;
                    a{color:white;background: #939393;padding:1px 4px;
                      &:hover{background: #3188fc;text-decoration:none;}
                    }
                }
            }
            .cnt{padding-top:19px;
                 .pic{.fleft;padding-right: 10px;}
                .text{width: 124px;color: #363636;
                    p.title{margin-bottom:12px;
                        a{color:#363636;font-weight:bold;}
                    }
                    p.btnDetail{text-align: right;margin-top:16px;
                        a{background:#939393;color:white;font-family:\9ED1\4F53;padding:4px 8px;
                          &:hover{background: #3188fc;text-decoration:none;}
                        }
                    }
                }
            }
        }
        .col2{width:358px;padding-right:36px;
            h2.title{
                span.more{.fright;
                    a{color:#aaa;font-size:10px;}
                }
            }
            .cnt{
                ul{padding-top:6px;
                    li{height:38px;line-height: 38px;border-bottom:1px solid #e6e6e6;overflow:hidden;
                       span,a{.fleft;}
                       span.date{width: 82px;}
                       a{color:#353535;}
                       span.new{background: url(images/bg-new.gif) no-repeat right top;width: 29px;height: 11px;overflow: hidden;text-indent: -999px;margin-top: 6px;}
                    }
                }
            }
        }
        .col3{background: url(images/bg-global.png) no-repeat;width:205px;height:194px;
            ul{margin:0 4px;padding-top: 86px;
                li{width:49%;line-height: 50px;height: 50px;.fleft;text-align:center;
                   a{color:#666;padding-left:30px;font-weight:bold;}
                }
            }
        }
    }
}

/*footer*/
#footer{height:44px;line-height:44px;color:white;background:#3188fc;padding:0 26px;
	p.info{.fleft;}
	.miniNav{.fright;
		a{color:white;}
	}
}